<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"  
xmlns:p="http://primefaces.prime.com.tr/ui"  
xmlns:mj="http://mojarra.dev.java.net/mojarra_ext">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Promotora 1.0</title>

	<h:outputStylesheet name="jquery.ui.all.css" library="js/themes/base"/>
	<h:outputScript type="text/javascript" library="js" name="jquery-1.7.2.js" target="head"/>
	<h:outputScript type="text/javascript" library="js/ui" name="jquery.ui.core.js" target="head"/>
	<h:outputScript type="text/javascript" library="js/ui" name="jquery.ui.widget.js" target="head"/>
	<h:outputScript type="text/javascript" library="js/ui" name="jquery.ui.position.js" target="head"/>
	<h:outputScript type="text/javascript" library="js/ui" name="jquery.ui.menu.js" target="head"/>
	<h:outputStylesheet name="jquery.ui.menu.css" library="js/themes/base"/>
	
	<script>
		jQuery = $;
		$(function() {
			$("#meuMenu").menu({
				select: function( event, ui ) {
					var link = ui.item.children( "a:first" );
					if ( link.attr( "target" ) || event.metaKey || event.shiftKey || event.ctrlKey ) {
						return;
					}
					location.href = link.attr( "href" );
				}
			});
		});
	</script>

		<style>
		
		@font-face {
		font-family: "consolas";
		src: local ('CONSOLA.TTT'), format('truetype');}
		
		body {font-size: 80%;}
			  
		.ui-menu { width: 120px; 
				   margin-bottom: 2em;}
				   
		
		
	</style>
	
</h:head>
<body>
	<h:form>
	<div>
		<ul id="meuMenu" class="meuMenu">
		    <li><a href="index.jsf">Inicio</a></li>
  			<li> <a href="#">Cadastro</a>
  				<ul>
  					<li><a href="Banco.jsf"> Banco </a> </li>
  				    <li><a href="#cadastroItem2" > Proposta </a> 
  				    	<ul>
  				    		<li><a href="#cadastro3" >Aprovadas</a></li>
  				    		<li><a href="Banco.jsf" >Recusadas</a></li>
  				    	</ul>
  				    </li>
  				</ul>
  			</li>	
 		    <li> <a href="#item2"> Item two</a></li>
		</ul>
	</div> <!-- final menuprincipal -->

	</h:form>
</body> 
</html>